<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Raqba - Real Estate HTML Template | News Detail</title>
<!-- Stylesheets -->
    <link th:href="@{css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{css/style.css}" rel="stylesheet">
    <link th:href="@{css/responsive.css}" rel="stylesheet">
    <!--Color Switcher Mockup-->
    <link th:href="@{css/color-switcher-design.css}" rel="stylesheet">

    <!--Color Themes-->
    <link id="theme-color-file" th:href="@{css/color-themes/default-theme.css}" rel="stylesheet">

    <link rel="shortcut icon" th:href="@{images/favicon.png}" type="image/x-icon">
    <link rel="icon" th:href="@{images/favicon.png}" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper">
    <!-- Preloader -->
    <div class="preloader"></div>
    
    <!-- Main Header-->
    <header class="main-header header-style-one">
        <!--Header Top-->
        <div th:include="header :: headname"></div>
        <!--End Header Lower-->

        <!-- Sticky Header  -->
        <div class="sticky-header">
            <div class="auto-container clearfix">
                <!--Logo-->
                <div class="logo pull-left">
                    <a href="index.html" title=""><img src="images/icons/empty.png" data-src="images/logo-small.png" alt="" title=""></a>
                </div>
                <!--Right Col-->
                <div class="nav-outer pull-right">
                    <!--Mobile Navigation Toggler-->
                    <div class="mobile-nav-toggler"><span class="icon flaticon-menu"></span></div>
                    
                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-lg">
                        <div class="navbar-collapse collapse clearfix">
                             <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
                        </div>
                    </nav><!-- Main Menu End-->
                </div>
            </div>
        </div><!-- End Sticky Menu -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div>
            
            <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
            <nav class="menu-box">
                <div class="nav-logo"><a href="index.html"><img src="images/icons/empty.png" data-src="images/logo.png" alt="" title=""></a></div>
                
                <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul>
            </nav>
        </div><!-- End Mobile Menu -->
    </header>
    <!--End Main Header -->

    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/4.jpg)">
        <div class="auto-container">
            <h1>新闻细节</h1>
            <ul class="page-breadcrumb">
                <li><a href="index.html">房子</a></li>
                <li>新闻细节</li>
            </ul>
        </div>
    </section>
    <!--End Page Title-->

    <!-- Sidebar Page Container -->
    <div class="sidebar-page-container">
        <div class="auto-container">
            <div class="row clearfix">
                <!--Content Side-->
                <div class="content-side col-lg-8 col-md-12 col-sm-12">
                    <div class="blog-detail">
                        <!-- News BLock Two -->
                        <div class="news-block-two">
                            <div class="inner-box">
                                <div class="image-box">
                                    <figure class="image wow fadeIn"><img src="images/icons/empty.png" data-src="images/resource/blog-1.jpg" alt=""></figure>
                                </div>
                                <div class="lower-content">
                                    <ul class="post-info clearfix">
                                        <li>2019.7.23</li>
                                        <li>0条评论</li>
                                        <li>作者：小草</li>
                                    </ul>
                                    <h3>你知道这个动作有多重要吗</h3>
                                    <p>空间的外观和感觉是通过房间中各种物品的放置方式来创造的。如果你把它们放错了地方，你可以立即减少该地区的整体外观，无论个别项目是否时尚和流行趋势.</p>
                                    <h4>为什么重要？</h4>
                                    <p>空间的外观和感觉是通过房间中各种物品的放置方式来创造的。如果你把它们放错了地方，你可以立即减少该地区的整体外观，无论个别项目是否时尚和流行趋势</p>
                                    <p> 然而，好的摆放方式却会产生相反的效果，甚至连房间周围没有吸引力的家具也能产生惊人的效果..</p>
                                    <blockquote>要想在房地产行业取得成功，你必须始终把客户的最大利益放在首位。当你这样做的时候，你的个人需求将超越你最大的期望得到实现.</blockquote>
                                    <div class="two-column">
                                        <div class="row">
                                            <div class="image-column col-xl-6 col-lg-12 col-md-12 col-sm-12">
                                                <figure class="image"><img src="images/icons/empty.png" data-src="images/resource/post-image-1.jpg" alt=""></figure>
                                            </div>

                                            <div class="text-column col-xl-6 col-lg-12 col-md-12 col-sm-12">
                                                <p>我们为客户做最好的事，以获得充分的满足和完美。我们的首要目标是使事情顺利进行，使他们在南塔基特航行的前夜感到高兴，我看着那些大理石石碑，在那阴暗而凄凉的日子里，我看到了在我之前的捕鲸人的命运.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <p>空间的外观和感觉是通过房间中各种物品的放置方式来创造的。如果你把它们放错了地方，你可以立即减少该地区的整体外观，无论个别项目是否时尚和流行趋势。.</p>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Post Share Option -->
                        <div class="post-share-options clearfix">
                            <div class="pull-left clearfix">
                                <span class="icon fa fa-tags"></span>
                                <ul class="tags">
                                    <li><a href="#">公寓,</a>,</li>
                                    <li><a href="#">旅馆,</a>,</li>
                                    <li><a href="#">老楼房,</a></li>
                                    <li><a href="#">别墅</a></li>
                                </ul>
                            </div>
                            <div class="pull-right clearfix">
                                <ul class="social-icon social-icon-colored clearfix">
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
                                    <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                                </ul>
                            </div>
                        </div>

                        <!-- Blog Post Controls-->
                        <div class="blog-post-controls">
                            <div class="inner clearfix">
                                <div class="prev-post">
                                    <div class="thumb"><img src="images/icons/empty.png" data-src="images/resource/prev-post.jpg" alt=""></div>
                                    <h5><a href="blog-detail.html">如何美化可以添加路缘.</a></h5>
                                    <span class="title">上一个</span>
                                </div>

                                <div class="next-post">
                                    <div class="thumb"><img src="images/icons/empty.png" data-src="images/resource/next-post.jpg" alt=""></div>
                                    <h5><a href="blog-detail.html">庭院排水问题迹象</a></h5>
                                    <span class="title">下一个</span>
                                </div>
                            </div>
                        </div>

                        <!--Comments Area-->
                        <div class="comments-area">
                            
                            <div class="group-title">
                                <h3>最近评论 03</h3>
                            </div>
                            
                            <!--Comment Box-->
                            <div class="comment-box">
                                <div class="comment">
                                    <div class="author-thumb">
                                        <img src="images/icons/empty.png" data-src="images/resource/thumb-1.jpg" alt="">
                                        <a class="comment-reply" href="#">回复</a>
                                    </div>
                                    <div class="comment-inner">
                                        <div class="comment-info clearfix">小草<div class="comment-time">2018..6.13  3.10PM</div></div>
                                        <div class="text">高效地释放跨媒体信息，而无需跨媒体价值。快速最大化实时模式的及时有趣的可交付成果.</div>
                                    </div>
                                </div>
                            </div>
                                   
                            <!--Comment Box-->
                            <div class="comment-box reply-comment">
                                <div class="comment">
                                    <div class="author-thumb">
                                        <img src="images/icons/empty.png" data-src="images/resource/thumb-2.jpg" alt="">
                                        <a class="comment-reply" href="#">Reply</a>
                                    </div>
                                    <div class="comment-inner">
                                        <div class="comment-info clearfix">VALKOR SMITH<div class="comment-time">JANUARY 7 , 2018 AT 12:21 AM</div></div>
                                        <div class="text">Dramatically maintain clicks-and-mortar solutions without any of functional solutions.</div>
                                    </div>
                                </div>
                            </div>

                            <!--Comment Box-->
                            <div class="comment-box">
                                <div class="comment">
                                    <div class="author-thumb">
                                        <img src="images/icons/empty.png" data-src="images/resource/thumb-3.jpg" alt="">
                                        <a class="comment-reply" href="#">Reply</a>
                                    </div>
                                    <div class="comment-inner">
                                        <div class="comment-info clearfix">JONATHAN<div class="comment-time">JANUARY 7 , 2018 AT 12:21 AM</div></div>
                                        <div class="text">Efficiently unleash cross-media information without cross-media value. Quickly maximize timely fun deliverables for real-time schemas.</div>
                                    </div>
                                </div>
                            </div>                                    
                        </div>
                        <!--End Comments Area-->
                        
                        <!-- Comment Form -->
                        <div class="comment-form">
                            <div class="group-title">
                                <h3>Leave a Comment</h3>
                            </div>
                            <!--Comment Form-->
                            <form method="post" action="contact.html">
                                <div class="row">
                                    <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                        <input type="text" name="username" placeholder="姓名" required>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                        <input type="email" name="email" placeholder="邮箱地址" required>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                        <input type="text" name="subject" placeholder="主题" required>
                                    </div>
                                    <div class="form-group col-lg-6 col-md-12 col-sm-12">
                                        <input type="text" name="number" placeholder="电话" required>
                                    </div>
                                    <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                        <textarea name="message" placeholder="消息"></textarea>
                                    </div>

                                    <div class="form-group col-lg-12 col-md-12 col-sm-12">
                                        <button class="theme-btn btn-style-one" type="submit" name="submit-form"><span class="btn-title">发表评论</span></button>
                                    </div>
                                </div>
                            </form>
                                
                        </div>
                        <!--End Comment Form --> 
                    </div>
                </div>

                <!--Sidebar Side-->
                <div class="sidebar-side col-lg-4 col-md-12 col-sm-12">
                    <aside class="sidebar default-sidebar">

                        <!--search box-->
                        <div class="sidebar-widget search-box">
                            <form method="post" action="blog.html">
                                <div class="form-group">
                                    <input type="search" name="search-field" value="" placeholder="搜索产品" required="">
                                    <button type="submit"><span class="icon fa fa-search"></span></button>
                                </div>
                            </form>
                        </div>

                        <!-- Categories -->
                        <div class="sidebar-widget categories">
                            <div class="sidebar-title"><h2>Categories</h2></div>
                            <ul class="category-list">
                                <li><a href="#">公寓  <span>(6)</span></a></li>
                                <li><a href="#">客户   <span>(1)</span></a></li>
                                <li><a href="#">绿色  <span>(3)</span></a></li>
                                <li><a href="#">山 <span>(1)</span></a></li>
                                <li><a href="#">>不动产    <span>(7)</span></a></li>
                                <li><a href="#">别墅    <span>(7)</span></a></li>
                            </ul>
                        </div>

                        <!-- Social Links Widget -->
                        <div class="sidebar-widget social-links-widget">
                            <div class="sidebar-title"><h2>共享链接</h2></div>
                            <div class="widget-content">
                                <ul class="social-icon-three social-icon-colored">
                                    <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
                                    <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fab fa-google-plus-g"></span></a></li>
                                    <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>
                                    <li><a href="#"><span class="fab fa-dribbble"></span></a></li>
                                </ul>
                            </div>
                        </div>
                        
                         <!-- Latest News -->
                        <div class="sidebar-widget latest-news">
                            <div class="sidebar-title"><h2>最近的帖子</h2></div>
                            <div class="widget-content">
                                <article class="post">
                                    <div class="post-thumb"><a href="blog-detail.html"><img src="images/icons/empty.png" data-src="images/resource/post-thumb-3.jpg" alt=""></a></div>
                                    <h3><a href="blog-detail.html">我们提供最好的房地产交易</a></h3>
                                    <div class="post-info">2018.6.13</div>
                                </article>

                                <article class="post">
                                    <div class="post-thumb"><a href="blog-detail.html"><img src="images/icons/empty.png" data-src="images/resource/post-thumb-4.jpg" alt=""></a></div>
                                    <h3><a href="blog-detail.html">Recent Trends in Story Telling 2017</a></h3>
                                    <div class="post-info">04 August 2018</div>
                                </article>

                                <article class="post">
                                    <div class="post-thumb"><a href="blog-detail.html"><img src="images/icons/empty.png" data-src="images/resource/post-thumb-5.jpg" alt=""></a></div>
                                    <h3><a href="blog-detail.html">Boutique Space Green ville at 2017</a></h3>
                                    <div class="post-info">04 August 2018</div>
                                </article>
                            </div>
                        </div>


                        <!-- Tags -->
                        <div class="sidebar-widget tags">
                            <div class="sidebar-title"><h2>Tags</h2></div>
                            <ul class="tag-list clearfix">
                                <li><a href="#">公寓</a></li>
                                <li><a href="#">房子</a></li>
                                <li><a href="#">大房子</a></li>
                                <li><a href="#">小房子</a></li>
                                <li><a href="#">广场</a></li>
                                <li><a href="#">房子</a></li>
                                <li><a href="#">别墅</a></li>
                                <li><a href="#">市场</a></li>
                            </ul>
                        </div> 
                                   
                    </aside>
                </div>
            </div>
        </div>
    </div>
    <!-- End Sidebar Container -->

    <!--Clients Section-->
    <section class="clients-section">
        <div class="auto-container">
            <div class="sponsors-outer">
                <!--Sponsors Carousel-->
                <ul class="sponsors-carousel owl-carousel owl-theme">
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/1.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/2.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/3.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/4.png" alt=""></a></figure></li>
                    <li class="slide-item"><figure class="image-box"><a href="#"><img src="images/icons/empty.png" data-src="images/clients/5.png" alt=""></a></figure></li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Clients Section-->

    <!-- Main Footer -->
    <div th:include="footer :: footname"></div>
    <!-- End Main Footer -->

</div>
<!-- End Page Wrapper -->

<!-- Color Palate / Color Switcher -->
<div class="color-palate">
    <div class="color-trigger">
        <i class="fa fa-cog"></i>
    </div>
    <div class="color-palate-head">
        <h6>Choose Your Color</h6>
    </div>
    <div class="various-color clearfix">
        <div class="colors-list">
            <span class="palate default-color active" data-theme-file="css/color-themes/default-theme.css"></span>
            <span class="palate green-color" data-theme-file="css/color-themes/green-theme.css"></span>
            <span class="palate blue-color" data-theme-file="css/color-themes/blue-theme.css"></span>
            <span class="palate orange-color" data-theme-file="css/color-themes/orange-theme.css"></span>
            <span class="palate purple-color" data-theme-file="css/color-themes/purple-theme.css"></span>
            <span class="palate teal-color" data-theme-file="css/color-themes/teal-theme.css"></span>
            <span class="palate brown-color" data-theme-file="css/color-themes/brown-theme.css"></span>
            <span class="palate redd-color" data-theme-file="css/color-themes/redd-color.css"></span>
        </div>
    </div>
    
    <div class="palate-foo">
        <span>You will find much more options for colors and styling in admin panel. This color picker is used only for demonstation purposes.</span>
    </div>
</div><!-- End Color Switcher -->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>
<script th:src="@{js/jquery.js}"></script>
<script th:src="@{js/popper.min.js}"></script>
<script th:src="@{js/bootstrap.min.js}"></script>
<script th:src="@{js/jquery-ui.js}"></script>
<script th:src="@{js/jquery.fancybox.js}"></script>
<script th:src="@{js/jquery.stellar.min.js}"></script>
<script th:src="@{js/owl.js}"></script>
<script th:src="@{js/wow.js}"></script>
<script th:src="@{js/mixitup.js}"></script>
<script th:src="@{js/appear.js}"></script>
<script th:src="@{js/script.js}"></script>
<!-- Color Setting -->
<script th:src="@{js/color-settings.js}"></script>
</body>
</html>